import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// import vueDevTools from 'vite-plugin-vue-devtools'
import postcssPxToRem from 'postcss-pxtorem'
import autoprefixer from 'autoprefixer'

// https://vite.dev/config/
export default defineConfig({
  plugins: [vue()],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url)),
    },
  },
  css: {
    postcss: {
      plugins: [
        postcssPxToRem({
          rootValue: 16, // 基准值，1rem = 16px
          propList: ['*'], // 需要转换的属性，*表示所有
          selectorBlackList: [], // 不转换的选择器
          replace: true,
          mediaQuery: false,
          minPixelValue: 0,
          exclude: /node_modules/i,
        }),
        autoprefixer(), // 自动添加浏览器前缀
      ],
    },
  },
  compilerOptions: {
    // ...
    types: ['element-plus/global'],
  },
})
